<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>宣传教育</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/com_table.css">

    <!--[if lt IE 9]>
      <script src="./lib/ie9/html5.min.js"></script>
      <script src="./lib/ie9/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a href="javascript:;">全民互动</a>
            <a href="javascript:;">宣传教育</a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
            href="javascript:location.replace(location.href);" title="刷新">
            <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
        <div class="clearfix">
            <div class="fl jcList qmjyLeft">
                <div class="serch">
                    <input type="text" placeholder="活动名称或者活动主题">
                    <a href="javascript:;" class="layui-btn">搜索</a>
                </div>
                <div class="serchContW clearfix">
                    <div class="clearfix title">
                        <span class="fl">活动名称</span>
                        <span class="fr">活动主题</span>
                    </div>
                    <div class="clearfix active">
                        <span class="fl">红动中国</span>
                        <span class="fr">红动中国红在中国</span>
                    </div>
                    <div class="clearfix active">
                        <span class="fl">红动中国</span>
                        <span class="fr">红动中国红在中国</span>
                    </div>
                    <div class="clearfix active">
                        <span class="fl">红动中国</span>
                        <span class="fr">红动中国红在中国</span>
                    </div>
                    <div class="clearfix active">
                        <span class="fl">红动中国</span>
                        <span class="fr">红动中国红在中国</span>
                    </div>
                    <div class="clearfix active">
                        <span class="fl">红动中国</span>
                        <span class="fr">红动中国红在中国</span>
                    </div>
                    <div class="clearfix active">
                        <span class="fl">红动中国</span>
                        <span class="fr">红动中国红在中国</span>
                    </div>
                </div>
            </div>
            <!-- 左上边 -->
            <div class="qmjyRightW">
                <div class="titleW">
                    <h2>活动名称</h2>
                    <div class="clearfix mingchengW">
                        <div class="fl mingcheng_l">
                            <div class="zhutiW">
                                <div class="fl zhuti">
                                    <span class="title">活动主题：</span>
                                    <span>红动中国，红动中国，红动中国，红动中国</span>
                                </div>
                                <div class="tag fr">活动进行中</div>
                            </div>
                            <!-- 活动内容描述 -->
                            <div class="miaoshu">
                                <h3 class="title">活动内容描述</h3>
                                <p>2019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到
                                    2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-12

                                    2019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到
                                    2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-122019-01-01 到
                                    2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到
                                    2019-12-12活动时间：2019-01-01 到 2019-12-122019-01-01 到 2019-12-12活动时间：2019-01-01 到
                                    2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到
                                    2019-12-122019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到
                                    2019-12-12活动时间：2019-01-01 到 2019-12-12活动时间：2019-01-01 到 2019-12-12</p>
                            </div>
                           
                        </div>
                        <div class="fr mingcheng_r">
                            <a href="javascript:;" class="layui-btn">记录及总结</a>
                            <a href="javascript:;" class="layui-btn">添加活动地址</a>
                            <a href="javascript:;" class="layui-btn">活动照片</a>
                        </div>
                    </div>
                </div>
                <div class="tableWrap tabmargin0">
                    <table class="layui-hide" id="tableL" lay-filter="tableL">
                    </table>
                </div>

            </div>

        </div>
        <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-xs" lay-event="del">删除</a>
      </script>

    </div>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/config.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js"></script>
    <script type="text/javascript" src="./js/munu.js"></script>
    <script type="text/javascript" src="plugins/tableToExcel/tableToExcel.js"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript">
        var hideMenu = [];
        var wData = {
            Command: "ReadPagingData",
            TableName: "DotBanks"
        };
        var url = './data/xcjy.json';
        var headArr = [
            { field: 'yd', title: '预约单位', sort: true },
            { field: 'yt', title: '预约活动时间' },
            { field: 'man', title: '联系人' },
            { field: 'tel', title: '联系方式' },
            { field: 'bz', title: '备注 ' }, 
            {title: '操作',toolbar: '#barDemo'}
        ];
        layui.use(['table', 'laydate'], function () {
            $ = layui.jquery;
            var laydate = layui.laydate;
            var table = layui.table;
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });

            /*************表格***************/

            var tab = renderTable(table, url, '#tableL', wData, headArr, function (res) {
                $('[data-field=Id]').hide();
            });

            /*************表格***************/

            //修改跳转
            table.on('tool(tableL)', function (obj) {
                var that = this;
                var data = obj.data;
                if (obj.event === 'edit') {
                    store.save('editData', data);
                    window._EditFrameIndex = x_admin_show('修改网点', './sh-bank_edit.html');
                } else if (obj.event === 'del') {

                    var delData = {
                        Command: 'DeleteDotBank',
                        Id: data.Id
                    }

                    reAjax(delData, function (res) {
                        if (res.code == 0) {
                            layer.msg(res.msg);
                            $(that).closest('tr').remove();
                            if (IEVersion()) { //ie
                                location.replace(location.href);
                            }
                            layui.table.reload("tableL");

                        }
                    })
                }
            });

            /**************新增页面****************/
            $('#addBtn').click(function () {
                window._EditFrameIndex = x_admin_show('新增网点', './sh-bank_add.html');
            });

            /***************搜索*********************/
            $('#serBtn').click(function () {
                var allData = {
                    '[ORFuzzy]BankName': $.trim($('#serMsg').val()),
                    '[ORFuzzy]BankNo': $.trim($('#serMsg').val())
                }

                tabReload(tab, allData);
            })

        });
    </script>
</body>

</html>